﻿<div id="profile">
    <h2>Profile
    </h2>
    <div>
        <span data-bind="text: 'Name: ' + name()"></span>
    </div>
    <div>
        <span data-bind="text: 'Email: ' + email()"></span>
    </div>
    <div>
        <span data-bind="text: 'Registration Date: ' + registrationDate()"></span>
    </div>
    <div>
        <span data-bind="text: 'Address: ' + address()"></span>
    </div>
    <div>
        <span data-bind="text: 'Total money paid: ' + totalCost() + '$'"></span>
    </div>
    <div>
        <input type="button" class="actionButton" value="Bookings" data-bind="click: bookingsClick" />
        <input type="button" class="actionButton" value="Logoff" data-bind="click: logoff" />
    </div>
    <div>
        <span data-bind="visible: failed()">Failed to load user's bookings</span>
    </div>
</div>
